﻿@model GPS.ENTITYS.CrudModelDKH_LOP

@{
    ViewBag.Title = "Tạo lớp học tự động";
}

<style type="text/css">
    .btn-file {
        position: relative;
        overflow: hidden;
    }

        .btn-file input[type=file] {
            position: absolute;
            top: 0;
            right: 0;
            min-width: 100%;
            min-height: 100%;
            font-size: 100px;
            text-align: right;
            filter: alpha(opacity=0);
            opacity: 0;
            background: red;
            cursor: inherit;
            display: block;
        }

    input[readonly] {
        background-color: white !important;
        cursor: text !important;
    }
</style>

@using (Html.BeginForm("CreateClassAuto", "GPS_LopHoc", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.AntiForgeryToken()


    @Html.ValidationSummary(true)
     <h3 class="text-center fdb-title-search-form">Tạo lớp học tự động</h3>
    <div id="tabs">
      
        <div id="tabs-1">
            @Html.Hidden("IsEdit", 0)

            <fieldset class="fs_body">
                <legend class="head_title">Thông tin lựa chọn</legend>

                <div class="row margin-top-05">
                    <div class="col-md-2 control-label text-left">
                        Đơn vị đào tạo
                    </div>
                    <div class="col-md-4">
                        @Html.DropDownListFor(model => model.KH_LOP_DVGTVT_MA, (SelectList)ViewBag.DVGTVT_MAs, string.Empty, new { @class = "form-control", @style = "width:300px", @id = "ddlDVGTVT_MA" })
                        @Html.ValidationMessageFor(model => model.KH_LOP_DVGTVT_MA)
                    </div>

                    <div class="col-md-2 control-label text-left">
                        Mã khóa học
                    </div>
                    <div class="col-md-4">
                        @Html.DropDownListFor(model => model.KH_LOP_KH_MA, (SelectList)ViewBag.DEFAULT_VALUE_DDL, string.Empty, new { @class = "form-control", @style = "width:300px", @id = "ddlKH_MA" })
                        @Html.ValidationMessageFor(model => model.KH_LOP_KH_MA)
                    </div>


                </div>
            </fieldset>
            <fieldset class="fs_body">
                <legend class="head_title">Thông tin tính toán</legend>

                <div id="div1">
                    <div class="row margin-top-05">
                        <div class="col-md-2 control-label">
                            Hạng
                        </div>
                        <div class="col-md-4">
                            <b></b>
                        </div>
                        <div class="col-md-2 control-label">
                            Số lượng
                        </div>
                        <div class="col-md-4">
                            <b></b>
                        </div>
                    </div>

                    <div class="row margin-top-05">
                        <div class="col-md-2 control-label">
                            Tổng số Hạng đăng ký
                        </div>
                        <div class="col-md-4">
                            <b></b>
                        </div>
                        <div class="col-md-2 control-label">
                            Tổng  Số lượng học viên
                        </div>
                        <div class="col-md-4">
                            <b></b>
                        </div>
                    </div>

                </div>





                @*<div class="row margin-top-05">

                <div class="col-md-2 control-label">
                    Số học viên Min/lớp
                </div>
                <div class="col-md-2">
                    @Html.TextBoxFor(model => model.MIN_HOCVIEN, new { @class = "form-control" })

                </div>
                <div class="col-md-2 control-label">
                    Số học viên/lớp
                </div>
                <div class="col-md-4">
                    @Html.TextBoxFor(model => model.MAX_HOCVIEN, new { @class = "form-control" })

                </div>

            </div>*@


            </fieldset>
            <br />


        </div>


    </div>

    <br />

    

    <br />

    <div class="row">
        <div class="col-md-12">
            @*<input type="submit" value="Cập nhật" class="btn btn-info btn-sm" />*@
            <button type="submit" class="btn btn-danger btn-sm" onclick = "return confirm('Bạn chắc chắn muốn tạo lớp không?');">
                <span class="glyphicon glyphicon-floppy-disk"></span> Tạo lớp
            </button>
            &nbsp;&nbsp;
            @Html.ActionLink("Quay lại", "IndexClass", null, new { @class = "btn btn-primary btn-sm" })
        </div>

    </div>
}

<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

<script src="~/Scripts/datepicker.js"></script>
<script src="~/Scripts/jquery-ui-1.11.4.js"></script>
<script src="~/Scripts/jquery.maskedinput.js"></script>
<script src="~/Scripts/jquery.maskMoney.js"></script>
<script src="~/Scripts/jquery.number.js"></script>
<script src="~/Scripts/jquery.masknumber.js"></script>
<script src="~/Scripts/moment.js"></script>

<script type="text/javascript">

    // Voi jQuery 1.9 > thi chi validate gia tri trong active tab
    // Muon validate nhung gia tri trong cac tab khac nua thi dung jquery.validate 1.8.1 or 1.7


    // mask edit cho truong ngay thang (su dung jquery.maskedinput)


    function ToJavaScriptDate(value) {
        if (value != null) {
            var pattern = /Date\(([^)]+)\)/;
            var results = pattern.exec(value);
            var dt = new Date(parseFloat(results[1]));
            return dt.getDate() + "/" + (dt.getMonth() + 1) + "/" + dt.getFullYear();
        }
        return null;
    }
</script>





@Styles.Render("~/Content/themes/base/css")

<script type="text/javascript">
    $(document).ready(function () {
        // load district by province when change in dropdownlist
        $("#ddlDVGTVT_MA").change(function () {
            $.ajax({
                url: 'getKH_MAs',
                type: 'post',
                data: {
                    ma_DVGT: $('#ddlDVGTVT_MA').val()
                }
            }).done(function (response) {
                // update district by province
                var a = '<option value></option>' + response;   // defaut value
                $("#ddlKH_MA").html(a);

              
            });



        });

        // load ward by disctrict when change in dropdownlist
        $("#ddlKH_MA").change(function () {
            $('#div1').empty();
            $.ajax({
                url: 'getStatistic',
                type: 'post',
                data: {
                    p_DVGTVT_MA: $('#ddlDVGTVT_MA').val(),
                    p_KH_MA: $('#ddlKH_MA').val()
                }
            }).done(function (response) {
                var i = 0;
                var total = 0;
                $.each(response, function (key, value) {
                    //alert(key + ': ' + value); 
                    var html =  '<div class="row margin-top-05">'
                               + '<div class="col-md-2 control-label">' + 'Hạng </div><div class="col-md-4"><b>' + key + '</b></div>'
                               + '<div class="col-md-2 control-label">' + 'Số lượng </div><div class="col-md-4"><b>' + value + '</b></div>'
                               + '</div>'
                            ;
                    $('#div1').append(html);
                    i++;
                    total = total + parseInt(value);
                });

                var html2 = '<div class="row margin-top-05">'
                               + '<div class="col-md-2 control-label">' + 'Tổng số Hạng đăng ký </div><div class="col-md-4"><b>' + i + '</b></div>'
                               + '<div class="col-md-2 control-label">' + 'Tổng Số lượng học viên </div><div class="col-md-4"><b>' + total + '</b></div>'
                               + '</div>';
                $('#div1').append(html2);
            });
        });

    })
</script>